<template>
  <el-row>
    <el-col :span="4">
      我的订单
    </el-col>
    <el-col :span="20">
      <el-tabs v-model="editableTabsValue" type="card"  >
        <el-tab-pane
          v-for="item in editableTabs"
          :key="item.name"
          :label="item.title"
          :name="item.name"
        >
          {{item.content}}
        </el-tab-pane>
      </el-tabs>
    </el-col>
  </el-row>
  
</template>
 
<script lang='ts'>
// 我的订单
import { Component, Vue } from 'vue-property-decorator'
@Component({
  data() {
      return {
        editableTabsValue: '2',
        editableTabs: [{
          title: 'Tab 1',
          name: '1',
          content: 'Tab 1 content'
        }, {
          title: 'Tab 2',
          name: '2',
          content: 'Tab 2 content'
        }],
        tabIndex: 2
      }
    }
})
export default class extends Vue {
 
}
</script>
<style lang='scss' >
 @import '@/assets/css/order/index.scss';
</style>